feat: add sponsor section for coffee donation

- Add sponsor section to README.md and README_CN.md
- Add sponsor module to website Community component
- Add i18n support for sponsor text (EN/CN)
- Add WeChat and Alipay QR code placeholders

Author: codedogQBY

README.md

@@ -314,6 +314,15 @@ Thanks to [linux.do](https://linux.do/) — a vibrant Chinese tech community whe
   <img src="assets/微信群.jpg" width="200" alt="微信群">
 </p>
 
+## ☕ Support the Project
+
+If you find ReadAny helpful, consider buying me a coffee to support ongoing development!
+
+<p align="center">
+  <img src="assets/微信赞赏码.jpg" width="200" alt="微信赞赏码">
+  <img src="assets/支付宝收款码.jpg" width="200" alt="支付宝收款码">
+</p>
+
 ---
 
 ## Star History

README_CN.md

@@ -314,6 +314,15 @@ pnpm tauri build
   <img src="assets/微信群.jpg" width="200" alt="微信群">
 </p>
 
+## ☕ 请作者喝杯咖啡
+
+如果你觉得 ReadAny 对你有帮助，欢迎请我喝杯咖啡，支持项目的持续开发！
+
+<p align="center">
+  <img src="assets/微信赞赏码.jpg" width="200" alt="微信赞赏码">
+  <img src="assets/支付宝收款码.jpg" width="200" alt="支付宝收款码">
+</p>
+
 ---
 
 ## Star 历史

assets/微信赞赏码.jpg

@@ -28,6 +28,17 @@ const qrCodes = [
     image: "/ReadAny/images/微信群.jpg",
   },
 ];
+
+const sponsorQrCodes = [
+  {
+    name: t("community.sponsor.wechat"),
+    image: "/ReadAny/images/微信赞赏码.jpg",
+  },
+  {
+    name: t("community.sponsor.alipay"),
+    image: "/ReadAny/images/支付宝收款码.jpg",
+  },
+];
 ---
 
 <section id="community" class="py-32 border-t border-border/50">
@@ -83,5 +94,22 @@ const qrCodes = [
         {t('footer.github')}
       </a>
     </div>
+
+    <div class="mt-16 pt-12 border-t border-border/50">
+      <h3 class="text-lg font-semibold mb-2">{t('community.sponsor.title')}</h3>
+      <p class="text-sm text-muted-foreground mb-6">{t('community.sponsor.subtitle')}</p>
+      <div class="flex gap-8">
+        {sponsorQrCodes.map((qr) => (
+          <div class="text-center">
+            <img 
+              src={qr.image} 
+              alt={qr.name}
+              class="w-40 h-40 rounded-lg border border-border/50 shadow-md"
+            />
+            <p class="mt-3 text-sm text-muted-foreground">{qr.name}</p>
+          </div>
+        ))}
+      </div>
+    </div>
   </div>
 </section>

assets/支付宝收款码.jpg

@@ -64,6 +64,10 @@ export const ui = {
     "community.xiaohongshu": "小红书群",
     "community.wechat": "微信群",
     "community.coming": "Coming soon",
+    "community.sponsor.title": "☕ Support the Project",
+    "community.sponsor.subtitle": "If you find ReadAny helpful, consider buying me a coffee!",
+    "community.sponsor.wechat": "WeChat",
+    "community.sponsor.alipay": "Alipay",
     "footer.github": "Star on GitHub",
     "footer.copyright": "© 2025 ReadAny. GPL-3.0 License.",
 
@@ -199,6 +203,10 @@ export const ui = {
     "community.xiaohongshu": "小红书群",
     "community.wechat": "微信群",
     "community.coming": "即将上线",
+    "community.sponsor.title": "☕ 请作者喝杯咖啡",
+    "community.sponsor.subtitle": "如果你觉得 ReadAny 对你有帮助，欢迎支持项目的持续开发！",
+    "community.sponsor.wechat": "微信赞赏",
+    "community.sponsor.alipay": "支付宝",
     "footer.github": "Star on GitHub",
     "footer.copyright": "© 2025 ReadAny. GPL-3.0 许可证。",