docs: surface live book URL prominently in main README

Add a badge plus a quote-block callout above the fold so first-time visitors see the trilogy URL immediately. Same change applied to English README.

Author: jnMetaCode

README.en.md

@@ -6,8 +6,11 @@
 
 [![GitHub stars](https://img.shields.io/github/stars/jnMetaCode/ai-coding-guide?style=social)](https://github.com/jnMetaCode/ai-coding-guide)
 [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](./LICENSE)
+[![Book](https://img.shields.io/badge/📖_Read_Online-Trilogy-orange)](https://jnmetacode.github.io/ai-coding-guide/)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://makeapullrequest.com)
 
+> 📖 **[Read Online: AI Coding Trilogy →](https://jnmetacode.github.io/ai-coding-guide/)** ｜ The repo content reorganized by reader persona — Volume I (Getting Started) / II (Workflows) / III (Architecture) / Appendix (Cheatsheet).
+
 <table>
 <tr>
 <td align="center"><strong>10 Tools</strong><br/>Full coverage</td>

README.md

@@ -6,8 +6,11 @@
 
 [![GitHub stars](https://img.shields.io/github/stars/jnMetaCode/ai-coding-guide?style=social)](https://github.com/jnMetaCode/ai-coding-guide)
 [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](./LICENSE)
+[![Book](https://img.shields.io/badge/📖_在线阅读-三卷书-orange)](https://jnmetacode.github.io/ai-coding-guide/)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://makeapullrequest.com)
 
+> 📖 **[在线阅读：AI 编程实战三卷书 →](https://jnmetacode.github.io/ai-coding-guide/)** ｜ 把仓库内容按读者画像重组：卷一·入门 / 卷二·工作流 / 卷三·架构 / 别册·速查手册
+
 <table>
 <tr>
 <td align="center"><strong>10 款工具</strong><br/>全覆盖教程</td>